<template>
  <el-button type="warning" class="p-0" @click="emit_click">
    <el-button type="warning" icon="el-icon-edit">编辑</el-button>
    <!-- info -->
    <el-dialog
      title="行政村基本信息"
      v-if="$route.path === '/info/basic'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="90px" class="d-flex flex-column w-10 p-2 pt-0">
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">所属镇</label>
              <div class="el-form-item__content">
                <el-input v-model="form.town"></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">村主任</label>
              <div class="el-form-item__content">
                <el-input v-model="form.vill_director"></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">人口数</label>
              <div class="el-form-item__content">
                <el-input v-model="form.count"></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">村名称</label>
              <div class="el-form-item__content">
                <el-input v-model="form.vill_name"></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">所属地区</label>
              <div class="el-form-item__content">
                <el-input v-model="form.area"></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">占地面积</label>
              <div class="el-form-item__content">
                <el-input v-model="form.size"></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
        <el-col :span="24" class="mb-2">
          <div class="el-form-item el-form-item--medium d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 90px;">简介</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="el-form-item el-form-item--medium d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 90px;">鸟瞰图</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-upload
                :action="'http://localhost:3000/upload'"
                list-type="picture-card"
                :on-success="success"
                :on-preview="handlePictureCardPreview"
                :on-remove="handleRemove"
                :file-list="form.src"
                :multiple="true"
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible" size="tiny">
                <img width="100%" v-if="form.src" :src="form.src" alt />
              </el-dialog>
            </div>
          </div>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="户口迁移信息"
      v-if="$route.path === '/info/account'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="90px" class="d-flex flex-column w-10 p-2 pt-0">
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">用户姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">村名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">组号</label>
              <div class="el-form-item__content">
                <el-select v-model="form.group_no" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">电话号码</label>
              <div class="el-form-item__content">
                <el-input v-model="form.phone" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" clearable style="width: 90px;">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" clearable style="width: 90px;">民族</label>
              <div class="el-form-item__content">
                <el-select v-model="form.nation" placeholder="请选择">
                  <el-option :label="汉族" value="汉族"></el-option>
                  <el-option :label="回族" value="回族"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">手机号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.tel" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">身份证号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.id_card" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" clearable style="width: 90px;">迁移类型</label>
              <div class="el-form-item__content">
                <el-select v-model="form.type" placeholder="请选择">
                  <el-option :label="迁出" value="迁出"></el-option>
                  <el-option :label="迁入" value="迁入"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2">
              <label for="date" class="el-form-item__label" style="width: 90px;">迁移时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.date"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                ></el-date-picker>
              </div>
            </div>
          </el-col>
        </el-col>
        <el-col :span="24" class="mb-2">
          <div class="el-form-item el-form-item--medium d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 90px;">迁入地点</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-input type="textarea" v-model="form.dest"></el-input>
            </div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="el-form-item el-form-item--medium d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 90px;">证明文件</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-upload
                :action="'http://localhost:3000/upload'"
                list-type="picture-card"
                :on-success="success"
                :on-preview="handlePictureCardPreview"
                :on-remove="handleRemove"
                :file-list="form.src"
                :multiple="true"
                 
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible" size="tiny">
                <img width="100%" v-if="form.src" :src="form.src" alt />
              </el-dialog>
            </div>
          </div>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村组信息编辑"
      v-if="$route.path === '/info/group'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">组名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.group_name" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村户信息编辑"
      v-if="$route.path === '/info/house'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">组名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.group" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">户名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.house_name" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="职务信息编辑"
      v-if="$route.path === '/info/job'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">职务名称</label>
              <div class="el-form-item__content">
                <el-input v-model="form.job_name" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="组织发展内容编辑"
      v-if="$route.path === '/info/org'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">民族</label>
              <div class="el-form-item__content">
                <el-select v-model="form.nation" clearable placeholder="请选择">
                  <el-option :label="汉族" value="汉族"></el-option>
                  <el-option :label="回族" value="回族"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">镇</label>
              <div class="el-form-item__content">
                <el-input v-model="form.town" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村</label>
              <div class="el-form-item__content">
                <el-input v-model="form.vill" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">职务</label>
              <div class="el-form-item__content">
                <el-select v-model="form.job" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">就职单位</label>
              <div class="el-form-item__content">
                <el-input v-model="form.job_add" clearable></el-input>
              </div>
            </div>

            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">变更时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.change_time"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                ></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 90px;">联系方式</label>
              <div class="el-form-item__content">
                <el-input v-model="form.tel" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">身份证号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.id_card" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="用户信息编辑"
      v-if="$route.path === '/info/village'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">用户姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">账号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.acc_num" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">户</label>
              <div class="el-form-item__content">
                <el-select v-model="form.house" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">组</label>
              <div class="el-form-item__content">
                <el-select v-model="form.group" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 90px;">联系方式</label>
              <div class="el-form-item__content">
                <el-input v-model="form.tel" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">密码</label>
              <div class="el-form-item__content">
                <el-input v-model="form.password" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">民族</label>
              <div class="el-form-item__content">
                <el-select v-model="form.nation" clearable placeholder="请选择">
                  <el-option :label="汉族" value="汉族"></el-option>
                  <el-option :label="回族" value="回族"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">状态</label>
              <div class="el-form-item__content">
                <el-select v-model="form.status" clearable placeholder="请选择">
                  <el-option :label="迁出" value="迁出"></el-option>
                  <el-option :label="迁入" value="迁入"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">身份证号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.id_card" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">家庭住址</label>
              <div class="el-form-item__content">
                <el-input v-model="form.address" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">政治面貌</label>
              <div class="el-form-item__content">
                <el-select v-model="form.polit" clearable placeholder="请选择">
                  <el-option :label="迁出" value="迁出"></el-option>
                  <el-option :label="迁入" value="迁入"></el-option>
                </el-select>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村干部信息编辑"
      v-if="$route.path === '/info/cadre'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">用户姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">职务</label>
              <div class="el-form-item__content">
                <el-select v-model="form.job" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">当选年份</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.start_year"
                  type="year"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择年"
                ></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 90px;">联系方式</label>
              <div class="el-form-item__content">
                <el-input v-model="form.tel" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">身份证号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.id_card" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="党员信息编辑"
      v-if="$route.path === '/info/party'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">身份证号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.id_card" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">家庭住址</label>
              <div class="el-form-item__content">
                <el-input v-model="form.address" clearable></el-input>
              </div>
            </div>

            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">入党时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.start_time"
                  type="date"
                  placeholder="选择日期"
                  default-value="2010-10-01"
                ></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" clearable style="width: 90px;">文化程度</label>
              <div class="el-form-item__content">
                <el-select v-model="form.education" placeholder="请选择">
                  <el-option :label="迁出" value="迁出"></el-option>
                  <el-option :label="迁入" value="迁入"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">就职单位</label>
              <div class="el-form-item__content">
                <el-input v-model="form.job_add" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">民族</label>
              <div class="el-form-item__content">
                <el-select v-model="form.nation" clearable placeholder="请选择">
                  <el-option :label="汉族" value="汉族"></el-option>
                  <el-option :label="回族" value="回族"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">镇</label>
              <div class="el-form-item__content">
                <el-input v-model="form.town"></el-input>
              </div>
            </div>

            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村</label>
              <div class="el-form-item__content">
                <el-input v-model="form.vill" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">职务</label>
              <div class="el-form-item__content">
                <el-select v-model="form.job" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">干部职位</label>
              <div class="el-form-item__content">
                <el-input v-model="form.vill_job" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
        <el-col :span="24" class="mb-2">
          <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 5.625rem;">发展时间段</label>
            <div class="el-form-item__content">
              <el-date-picker
                v-model="form.dev_time"
                type="datetimerange"
                format="yyyy-MM-dd"
                value-format="yyyy-MM-dd"
                range-separator="至"
                start-placeholder="开始日期"
                end-placeholder="结束日期"
              ></el-date-picker>
            </div>
          </div>
          <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 5.625rem;">简介</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 5.625rem;">党员照片</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-upload
                :action="'http://localhost:3000/upload'"
                list-type="picture-card"
                :on-success="success"
                :on-preview="handlePictureCardPreview"
                :on-remove="handleRemove"
                :file-list="form.src"
                :multiple="true"
                 
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible" size="tiny">
                <img width="100%" v-if="form.src" :src="form.src" alt />
              </el-dialog>
            </div>
          </div>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="补助信息编辑"
      v-if="$route.path === '/info/subsidy'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">补助类型</label>
              <div class="el-form-item__content">
                <el-select v-model="form.type" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">补助标准</label>
              <div class="el-form-item__content">
                <el-input v-model="form.standard" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">补助物品</label>
              <div class="el-form-item__content">
                <el-input v-model="form.subsidized_item" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">补助项名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.type" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">奖励物品</label>
              <div class="el-form-item__content">
                <el-input v-model="form.reward_item" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">领取时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.date"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                ></el-date-picker>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <!-- caption -->
    <el-dialog
      title="资源信息编辑"
      v-if="$route.path === '/caption/resource'"
      width="28%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="5.625rem" class="d-flex flex-column w-10">
        <el-col :span="24">
          <el-tabs type="border-card">
            <el-tab-pane label="资源添加">
              <el-col :span="24" class="d-flex flex-column">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">资源类型</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.type" clearable></el-input>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="资源子类添加">
              <el-col :span="24">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">资源类型</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.type" clearable placeholder="请选择">
                      <el-option :label="汉族" value="汉族"></el-option>
                      <el-option :label="回族" value="回族"></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">子分类名</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.son_type" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="资源详情添加">
              <el-col :span="24">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">资源类型</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.type" clearable placeholder="请选择">
                      <el-option :label="汉族" value="汉族"></el-option>
                      <el-option :label="回族" value="回族"></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">子分类名</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.son_type" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">名称</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.name" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">位置</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.address" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">占地面积(平米)</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.area" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 6.875rem;">简介</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-input type="textarea" v-model="form.desc"></el-input>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
          </el-tabs>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="资产信息编辑"
      v-if="$route.path === '/caption/assets'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">组名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.group" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">资产类型</label>
              <div class="el-form-item__content">
                <el-select v-model="form.type" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">资产名称</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="资金信息编辑"
      v-if="$route.path === '/caption/funds'"
      width="25%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="5.625rem" class="d-flex flex-column w-10">
        <el-col :span="24">
          <el-tabs type="border-card">
            <el-tab-pane label="资金类型添加">
              <el-col :span="24" class="d-flex flex-column">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">时间</label>
                  <el-date-picker
                    v-model="form.date"
                    clearable
                    format="yyyy-MM"
                    value-format="yyyy-MM"
                    type="date"
                    placeholder="选择日期"
                  ></el-date-picker>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">资金类型</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.type" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">收入</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.in" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">支出</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.out" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="资金详情添加">
              <el-col :span="24" class="d-flex flex-column">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">时间</label>
                  <el-date-picker
                    v-model="form.date"
                    clearable
                    format="yyyy-MM"
                    value-format="yyyy-MM"
                    type="date"
                    placeholder="选择日期"
                  ></el-date-picker>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>

                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">资金类型</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.type" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">收入</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.in" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">支出</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.out" clearable></el-input>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">事由</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-input type="textarea" v-model="form.desc"></el-input>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
          </el-tabs>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="资金理财编辑"
      v-if="$route.path === '/caption/finan'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">名称</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">年份</label>
              <div class="el-form-item__content">
                <el-date-picker v-model="form.year" type="year"  value-format="yyyy" placeholder="选择年"></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">月份</label>
              <div class="el-form-item__content">
                <el-date-picker v-model="form.month"  format="MM" value-format="MM" type="month" placeholder="选择月"></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">组名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.group" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">图片上传</label>
              <div class="el-form-item__content flex-1">
                <el-upload
                  :action="'http://localhost:3000/upload'"
                  list-type="picture-card"
                  :on-success="success"
                  :on-preview="handlePictureCardPreview"
                  :on-remove="handleRemove"
                  :file-list="form.src"
                  :multiple="true"
                   
                >
                  <i class="el-icon-plus"></i>
                </el-upload>
                <el-dialog :visible.sync="dialogVisible" size="tiny">
                  <img width="100%" v-if="form.src" :src="form.src" alt />
                </el-dialog>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>


    <!-- release -->

    <el-dialog
      title="村告栏编辑"
      v-if="$route.path === '/release/announ'"
      width="25%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">标题</label>
              <div class="el-form-item__content">
                <el-input v-model="form.title" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 90px;">发布时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.date"
                  type="date"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                  placeholder="选择日期"
                ></el-date-picker>
              </div>
            </div>
          </el-col>
          <el-col :span="24" class="mb-2">
          <div class="el-form-item el-form-item--medium d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 90px;">简介</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </div>
          </div>
        </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="行政村会议编辑"
      v-if="$route.path === '/release/meeting'"
      width="40%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">镇名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名称</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">迁移时间</label>
              <div class="el-form-item__content">
                <el-date-picker
                  v-model="form.date"
                  type="date"
                  placeholder="选择日期"
                  format="yyyy-MM-dd"
                  value-format="yyyy-MM-dd"
                ></el-date-picker>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">记录人</label>
              <div class="el-form-item__content">
                <el-input v-model="form.recorder" clearable></el-input>
              </div>
            </div>
          </el-col>
          <el-col :span="12" class="d-flex flex-column ai-start">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">会议标题</label>
              <div class="el-form-item__content">
                <el-input v-model="form.title" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">会议地点</label>
              <div class="el-form-item__content">
                <el-input v-model="form.address" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">主持人</label>
              <div class="el-form-item__content">
                <el-input v-model="form.host" clearable></el-input>
              </div>
            </div>
            
          </el-col>
        </el-col>
        <el-col :span="24" class="mb-2">
          <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 5.625rem;">会议内容</label>
            <div class="el-form-item__content flex-1 pr-2">
              <el-input type="textarea" v-model="form.desc"></el-input>
            </div>
          </div>
        </el-col>
        <el-col :span="24">
          <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
            <label for="date" class="el-form-item__label" style="width: 5.625rem;">会议图片</label>
            <div class="el-form-item__content flex-1">
              <el-upload
                :action="'http://localhost:3000/upload'"
                list-type="picture-card"
                :on-success="success"
                :on-preview="handlePictureCardPreview"
                :on-remove="handleRemove"
                :file-list="form.src"
                :multiple="true"
                 
              >
                <i class="el-icon-plus"></i>
              </el-upload>
              <el-dialog :visible.sync="dialogVisible" size="tiny">
                <img width="100%" v-if="form.src" :src="form.src" alt />
              </el-dialog>
            </div>
          </div>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="组织活动信息编辑"
      v-if="$route.path === '/release/org-act'"
      width="35%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="5.625rem" class="d-flex flex-column w-10">
        <el-col :span="24">
          <el-tabs type="border-card">
            <el-tab-pane label="活动类型添加">
              <el-col :span="24" class="d-flex flex-column">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动类型</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.type" clearable></el-input>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="组织活动信息添加">
              <el-col :span="24">
                <el-col :span="12" class="d-flex flex-column ai-start">
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动类型</label>
                    <div class="el-form-item__content">
                      <el-select v-model="form.type" clearable placeholder="请选择">
                        <el-option
                          v-for="(town, index) in $basicMes"
                          :key="index"
                          :label="town.name"
                          :value="town.name"
                        ></el-option>
                      </el-select>
                    </div>
                  </div>
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动地点</label>
                    <div class="el-form-item__content">
                      <el-input v-model="form.address" clearable></el-input>
                    </div>
                  </div>
                </el-col>
                <el-col :span="12" class="d-flex flex-column ai-start">
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动名称</label>
                    <div class="el-form-item__content">
                      <el-input v-model="form.name" clearable></el-input>
                    </div>
                  </div>
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动时间</label>
                    <div class="el-form-item__content">
                      <el-date-picker
                        v-model="form.date"
                        type="date"
                        format="yyyy-MM-dd"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                      ></el-date-picker>
                    </div>
                  </div>
                </el-col>
              </el-col>
              <el-col :span="24" class="mb-2">
                <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动内容</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-input type="textarea" v-model="form.desc"></el-input>
                  </div>
                </div>
              </el-col>
              <el-col :span="24">
                <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">上传图片</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-upload
                      :action="'http://localhost:3000/upload'"
                      list-type="picture-card"
                      :on-success="success"
                      :on-preview="handlePictureCardPreview"
                      :on-remove="handleRemove"
                      :file-list="form.src"
                      :multiple="true"
                       
                    >
                      <i class="el-icon-plus"></i>
                    </el-upload>
                    <el-dialog :visible.sync="dialogVisible" size="tiny">
                      <img width="100%" v-if="form.src" :src="form.src" alt />
                    </el-dialog>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
          </el-tabs>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村内组织活动信息编辑"
      v-if="$route.path === '/release/act'"
      width="35%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form ref="form" :model="form" label-width="5.625rem" class="d-flex flex-column w-10">
        <el-col :span="24">
          <el-tabs type="border-card">
            <el-tab-pane label="活动类型添加">
              <el-col :span="24" class="d-flex flex-column">
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.town" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
                  <div class="el-form-item__content">
                    <el-select v-model="form.vill" clearable placeholder="请选择">
                      <el-option
                        v-for="(town, index) in $basicMes"
                        :key="index"
                        :label="town.name"
                        :value="town.name"
                      ></el-option>
                    </el-select>
                  </div>
                </div>
                <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动类型</label>
                  <div class="el-form-item__content">
                    <el-input v-model="form.type" clearable></el-input>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
            <el-tab-pane label="组织活动信息添加">
              <el-col :span="24">
                <el-col :span="12" class="d-flex flex-column ai-start">
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动类型</label>
                    <div class="el-form-item__content">
                      <el-select v-model="form.type" clearable placeholder="请选择">
                        <el-option
                          v-for="(town, index) in $basicMes"
                          :key="index"
                          :label="town.name"
                          :value="town.name"
                        ></el-option>
                      </el-select>
                    </div>
                  </div>
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动地点</label>
                    <div class="el-form-item__content">
                      <el-input v-model="form.address" clearable></el-input>
                    </div>
                  </div>
                </el-col>
                <el-col :span="12" class="d-flex flex-column ai-start">
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动名称</label>
                    <div class="el-form-item__content">
                      <el-input v-model="form.name" clearable></el-input>
                    </div>
                  </div>
                  <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
                    <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动时间</label>
                    <div class="el-form-item__content">
                      <el-date-picker
                        v-model="form.date"
                        type="date"
                        format="yyyy-MM-dd"
                        value-format="yyyy-MM-dd"
                        placeholder="选择日期"
                      ></el-date-picker>
                    </div>
                  </div>
                </el-col>
              </el-col>
              <el-col :span="24" class="mb-2">
                <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">活动内容</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-input type="textarea" v-model="form.desc"></el-input>
                  </div>
                </div>
              </el-col>
              <el-col :span="24">
                <div class="el-form-item el-form-item--medium d-flex jc-start w-10 d-flex jc-start">
                  <label for="date" class="el-form-item__label" style="width: 5.625rem;">上传图片</label>
                  <div class="el-form-item__content flex-1 pr-2">
                    <el-upload
                      :action="'http://localhost:3000/upload'"
                      list-type="picture-card"
                      :on-success="success"
                      :on-preview="handlePictureCardPreview"
                      :on-remove="handleRemove"
                      :file-list="form.src"
                      :multiple="true"
                       
                    >
                      <i class="el-icon-plus"></i>
                    </el-upload>
                    <el-dialog :visible.sync="dialogVisible" size="tiny">
                      <img width="100%" v-if="form.src" :src="form.src" alt />
                    </el-dialog>
                  </div>
                </div>
              </el-col>
            </el-tab-pane>
          </el-tabs>
        </el-col>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村内发展规划编辑"
      v-if="$route.path === '/release/plan'"
      width="25%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 5.625rem;">村名</label>
              <div class="el-form-item__content">
                <el-select v-model="form.vill" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <el-col :span="24" class="mb-2">
              <div class="el-form-item el-form-item--medium d-flex jc-start">
                <label for="date" class="el-form-item__label" style="width: 90px;">内容</label>
                <div class="el-form-item__content flex-1 pr-2">
                  <el-input type="textarea" v-model="form.desc"></el-input>
                </div>
              </div>
            </el-col>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>

    <el-dialog
      title="村干部信息编辑"
      v-if="$route.path === '/admin'"
      width="23%"
      :show-close="false"
      :close-on-click-modal="false"
      :lock-scroll="true"
      :visible.sync="dialogFormVisible"
    >
      <el-form
        ref="form"
        :model="form"
        label-width="5.625rem"
        class="d-flex flex-column w-10 p-2 pt-0"
      >
        <el-col :span="24">
          <el-col :span="24" class="d-flex flex-column">
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">账号</label>
              <div class="el-form-item__content">
                <el-input v-model="form.admin_num" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">密码</label>
              <div class="el-form-item__content">
                <el-input v-model="form.password" type="password" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">确认密码</label>
              <div class="el-form-item__content">
                <el-input v-model="confirm_pas" type="password" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-center">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">姓名</label>
              <div class="el-form-item__content">
                <el-input v-model="form.name" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">性别</label>
              <div class="el-form-item__content">
                <el-select v-model="form.gender" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>

            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">区县</label>
              <div class="el-form-item__content">
                <el-select v-model="form.area" disabled placeholder="惠济区">
                  <el-option :label="惠济区" :value="惠济区"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">乡镇</label>
              <div class="el-form-item__content">
                <el-select v-model="form.town" clearable placeholder="请选择">
                  <el-option
                    v-for="(town, index) in $basicMes"
                    :key="index"
                    :label="town.name"
                    :value="town.name"
                  ></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">管理员类型</label>
              <div class="el-form-item__content">
                <el-select v-model="form.type" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem">联系方式</label>
              <div class="el-form-item__content">
                <el-input v-model="form.tel" clearable></el-input>
              </div>
            </div>
            <div class="el-form-item el-form-item--medium mb-2 w-10 d-flex jc-start">
              <label for="date" class="el-form-item__label" style="width: 6.25rem ">其他职能部门</label>
              <div class="el-form-item__content">
                <el-select v-model="form.job" clearable placeholder="请选择">
                  <el-option :label="男" value="男"></el-option>
                  <el-option :label="女" value="女"></el-option>
                </el-select>
              </div>
            </div>
          </el-col>
        </el-col>
      </el-form>

      <div slot="footer" class="dialog-footer">
        <el-button @click="cancel">取 消</el-button>
        <el-button type="primary" @click="reset">重 置</el-button>
        <el-button type="primary" @click="updata_save">确 定</el-button>
      </div>
    </el-dialog>
  </el-button>
</template>

<script>
export default {
  props: {
    fetch: Function,
    form: Object,
    click: Function
  },
  data() {
    return {
      dialogFormVisible: false,
      form: {
        src: []
      }
    };
  },
  methods: {
    reset() {
      this.$confirm("确定重置编辑数据?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "info"
      }).then(() => {
        this.$message({
          type: "success",
          message: "已重置"
        });
        for (let item in this.form) {
          if (item !== "_id") {
            this.form[item] = "";
          }
        }
      });
    },
    cancel() {
      this.$confirm("取消添加将不会保存该数据, 是否继续?", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$message({
            type: "success",
            message: "已取消！"
          });
          this.fetch();
          setTimeout(() => {
            this.dialogFormVisible = false;
          }, 200);
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消操作"
          });
        });
    },
    success(res, file, files) {
      if (res) {
        let att = [];
        file.url = res.url;
        files.forEach(item => {
          let { name, url } = item;
          att.push({ name, url });
        });
        this.form.src = att;

        this.$message({
          type: "success",
          message: "上传成功！"
        });
      } else {
        this.$message({
          type: "success",
          message: "上传失败!"
        });
      }
    },
    handleRemove(file, files) {
      let att = [];
      files.forEach(item => {
        let { name, url } = item;
        att.push({ name, url });
      });
      this.form.src = att;
      console.log(this.form);
    },
    handlePictureCardPreview(file) {
      // console.log(file.response.src)
      this.dialogVisible = true;
    },
    emit_click() {
      this.$emit("click");
      this.dialogFormVisible = true;
    },
    async updata_save() {
      const res = await this.$http.put(
        this.$route.name + `/${this.form._id}`,
        this.form
      );
      if (res.status == 200) {
        this.dialogFormVisible = false;
        this.fetch();
        this.$message({
          message: "编辑成功",
          type: "success"
        });
        this.$emit("fetch");
      } else {
        this.$message({
          message: "编辑失败",
          type: "error"
        });
      }
    }
  },

  created() {}
};
</script>

<style lang="scss" scoped>
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}
</style>

